<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>百顺通云-套餐详情</title>
	<link rel="shortcut icon" href="/images/user/favicon.png" type="image/x-icon">
    <link type="text/css" rel="stylesheet" href="/css/user/global.css" />
    <link type="text/css" rel="stylesheet" href="/css/user/img_turn.css" />
    <link type="text/css" rel="stylesheet" href="/css/user/mall/yunbgsw.css">
    <link type="text/css" rel="stylesheet" href="/css/dialog.min.css" />
    <!-- 树节点插件 -->
 	<link href="/cdn/zTree_v3/zTreeStyle/zTreeStyle.css" rel="stylesheet" type="text/css">   
    <script type="text/javascript" src="/js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="/js/user/mall/bxCarousel.js"></script>
    <script type="text/javascript" src="/js/slides.min.jquery.js"></script>
    <script type="text/javascript" src="/js/dialog.min.js"></script>
    <script type="text/javascript" src="/js/bstdialog.min.js"></script>
    <script type="text/javascript" src="/js/user/mall/yunbgsw.js"></script>
    <script type="text/javascript" src="/js/user/mall/order.js"></script>
    <script type="text/javascript" src="/js/user/ntabs.js"></script>
    <script type="text/javascript" src="/js/user/img_turn.js"></script>
    <script type="text/javascript" src="/js/dropbox.js"></script>
    <script type="text/javascript" src="/js/mineDateCalculate.js"></script>
    <script type="text/javascript" src="/js/minePriceCalculate.js"></script>
    <script type="text/javascript" src="/js/user/buy/shoppingCart.js"></script>
</head>

<body>
<input type="hidden" id="proMealId" value="${mfVo.mealId}"/>
<input type="hidden" id="productId" value="0"/>
<input type="hidden" id="baseUser" value="${mfVo.userNum}"/>
<input type="hidden" id="basePrice" value="${mfVo.price}"/>
<input type="hidden" id="pmStatus" value="0"/>
<input type="hidden" id="pageNum" value="1"/>
<input type="hidden" id="shoppingCartId" value="0"/>
<input type="hidden" id="proMealName" value="${mfVo.mealName}"/>
<input type="hidden" id="version" value="${mfVo.mealVersion}"/>    
<input type="hidden" id="requestURI" value="${requestURI}"/>
<input type="hidden" name="loginUserEmail" id="loginUserEmail" value="${userInfo.userEmail}">
<input type="hidden" name="loginUserIsYun" id="loginUserIsYun" value="${userInfo.isYun}">
<input type="hidden" name="loginUserParentId" id="loginUserParentId" value="${userInfo.parentId}">
<input type="hidden" name="loginUserRoleId" id="loginUserRoleId" value="${userInfo.roleId}">
<!--套餐页面内容开始-->
<div class="Wrapper">
  <!---------------------------------页面头部及导航部分开始------------------------------------>
  <jsp:include page="../common/header.jsp"/>
  <!---------------------------------页面头部及导航部分结束------------------------------------>
  <div class="cl"></div>
  	<!---------------------------------内容部分------------------------------------>
  	<div class="content">
  		<!---------------------------------左侧------------------------------------>
   	  	<div class="main-l fl">
        	<!--左侧列表-->
			<jsp:include page="tree_ul.jsp"/>
            <!--左侧列表结束-->
            
            <jsp:include page="../common/left.jsp"/>
      	</div>
    	<!---------------------------------左侧结束------------------------------------>
    	<!---------------------------------右侧------------------------------------>
    	<div class="main-r fr">
        	<!---------------------------------轮播------------------------------------>
            <jsp:include page="../common/img_turn.jsp"/>
            <!---------------------------------轮播结束------------------------------------>
            <!--右侧应用产品部分开始-->
            <div class="cp_content">
              <!--------产品图片及简介---------->
              <div class="cp_imgcon cle">
                <!--------左边图片区域---------->
                <div class="cpimg_box">
                  <div class="cpimg_mok"><a href="#"><img src="${mfVo.mealImg}" width="258" height="198" /></a></div>
                </div>
                <!--------左边图片区域结束---------->
                <!--------右边文字介绍区域---------->
                <div class="right_textcon">
                  	<dl>
                    	<dt>${mfVo.mealName}</dt>
                    	<dd><b>行业：</b>通用行业&nbsp;&nbsp;&nbsp;&nbsp;
                    	<c:choose>
                    		<c:when test="${mfVo.mealId == 3}"><font class="red">查看详细报价</font></c:when>
                    		<c:otherwise><b>报价：</b>${mfVo.offerPrice}</c:otherwise>
                    	</c:choose>
                    	</dd>
                        <dd>
                        	<ul>
                              <c:forEach items="${list}" var="l">
                              	<li>● ${l}</li>
                              </c:forEach>
                           </ul>
                        </dd>
                        <dd><b>软件开发商：</b>浙江百顺通信息科技有限公司</dd>
                        <dd>
                        	<div class="fl">版本编号：${mfVo.mealVersion}</div>
                            <div class="fl">
                              <label for="select2" class="dropbox_user">用户数量：</label>
                              <select class="select_option dropbox" id="accountNum">
	                              <c:choose>
	                              	<c:when test="${mfVo.mealVersion == 'BST-HHY-MC001-V1.0'}">
		                              	<c:forEach begin="${mfVo.userNum}" end="${mfVo.maxUser}" step="${100}" varStatus="status">
		                              		<option value="${status.index}">${status.index}用户</option>
		                                </c:forEach>
	                              	</c:when>
	                              	<c:otherwise>
	                              		<c:forEach begin="${mfVo.userNum}" end="${mfVo.maxUser}" step="${mfVo.userNum}" varStatus="status">
		                              		<option value="${status.index}">${status.index}用户</option>
		                                </c:forEach>
	                              	</c:otherwise>
	                              </c:choose>
                              </select>
                            </div>
                            <div class="cl"></div>
                        </dd>
                        <dd>                        	
                            <div class="fl">
                              <label for="select2" class="dropbox_time">购买年限：</label>
                              <select class="select_option dropbox" id="useYear">
	                              <c:choose>
	                              	<c:when test="${mfVo.userYear == -1}">
	                              		<option value="-1">永久</option>
	                              	</c:when>
	                              	<c:otherwise>
	                              		<option value="0">免费试用</option>
		                                <c:forEach begin="${mfVo.userYear}" end="${mfVo.maxYear}" step="${mfVo.userYear}" varStatus="status">
		                              		<option value="${status.index}">${status.index}年</option>
		                                </c:forEach>
	                              	</c:otherwise>
	                              </c:choose>
                              </select>
                            </div>
                            <div class="fl">价    格：<font class="red">￥<span id="price">
                                <c:choose>
	                              	<c:when test="${mfVo.userYear == -1}"><fmt:formatNumber value="${mfVo.price}" pattern="#0.00"/></c:when>
	                              	<c:otherwise>0.00</c:otherwise>
                              	</c:choose>
                            </span></font></div>
                            <div class="cl"></div>
                        </dd>
                    </dl>
                    
                    <div class="buy_btn">
                    	<div class="buy_now fl"><a href="javascript:void(0)" class="buy">立即购买</a></div>
                        <div class="cart_join fl ml20"><a href="javascript:void(0)" class="shopping_cart">加入购物车</a></div>
                    </div>
                    <%-- <c:choose>
                      	<c:when test="${mfVo.mealId == 1}">
	                      	<div class="buy_btn">
		                    	<div class="buy_now fl"><a href="javascript:void(0)" class="buy">立即购买</a></div>
		                        <div class="cart_join fl ml20"><a href="javascript:void(0)" class="shopping_cart">加入购物车</a></div>
		                    </div>
                      	</c:when>
                      	<c:otherwise>
                      	
                      	</c:otherwise>
                    </c:choose> --%>
                </div>
                <!--------右边文字介绍区域结束---------->
              </div>
              <!--------产品图片及简介结束---------->
              <div class="intro_pro">
                <div class="tab_wrapper">
                  <div class="title_bar">
                    <ul class="tabs" id="myTab2">
                      <li class="active" onclick="nTabs(this,0);"><a href="#tab1">功能概述</a></li>
                      <li class="sta" onclick="nTabs(this,1);"><a href="#tab2">功能介绍</a></li>
                      <li class="sta" onclick="nTabs(this,2);"><a href="#tab3">产品优点</a></li>
                      <li class="sta" onclick="nTabs(this,3);"><a href="#tab4">收费标准</a></li>
                      <li class="sta" onclick="nTabs(this,4);"><a href="#tab5">下载中心</a></li>
                    </ul>
                  </div>
                  <div class="tab_container">
                    <div id="myTab2_Content0" class="tab_content tubiao" style="display:block;">
                    	<div style="margin-bottom: 20px;font-size:14px;"><strong>基本应用</strong></div>
                    	<ul class="ofen" id="mealxq">
	                        <c:forEach items="${mpVo}" var="mp">
		                        <li>
			                        <div class="mod_appshow">
				                        <a href="/mall/gngs/${mp.productId}" class="appmk">
				                        	<img src="${mp.productImg}">
				                        </a><a href="/mall/gngs/${mp.productId}" class="app_name">${mp.productName}</a>
			                       	</div>
		                        </li>
	                        </c:forEach>
                        </ul>
		                <div class="sub_product_img" style="margin-top: 30px;"><img src="/images/user/mall/tczcp.jpg" width="100%"></div>
                    </div>
                    <div id="myTab2_Content1" class="tab_content" style="display:none;"> ${mfVo.funDescribes}</div>
                    <div id="myTab2_Content2" class="tab_content" style="display:none;"> ${mfVo.feature}</div>
                    <div id="myTab2_Content3" class="tab_content" style="display:none;"> ${mfVo.feeScale}</div>
                    <div id="myTab2_Content4" class="tab_content" style="display:none;"> 
                    	<div style="font-size:14px;">本产品的下载方式主要包括安卓版手机端下载、IOS版手机端下载、二维码扫描以及电脑pc端下载。</div>
                   <%--  ${mfVo.uploadCenter} --%>
                   		<div class="phodown_mok cle">
			                <c:forEach items="${pdv}" var="pdv">
			                	<c:if test="${pdv.downloadWayId == 1 }">
			                		<div class="android">
					                  <a href="#" class="btn"><i class="icon"></i><span>${pdv.downloadWayName}</span></a>
					                  <a href="#" class="ewm" id="yad"><img src="${pdv.productDownloadQrcode}" width="16" height="16" class="small"/><div class="tc_ewm" id="ewmad" style="display: none;"><img src="${pdv.productDownloadQrcode}" width="160" height="160"/></div></a>
					                </div>
			                	</c:if>
			                	<c:if test="${pdv.downloadWayId == 2 }">
			                		<div class="apple">
					                  <a href="#" class="btn"><i class="icon"></i><span>${pdv.downloadWayName}</span></a>
					                  <a href="#" class="ewm" id="yap"><img src="${pdv.productDownloadQrcode}" width="16" height="16" class="small"/><div class="tc_ewm" id="ewmap" style="display:none;"><img src="${pdv.productDownloadQrcode}" width="160" height="160"/></div></a>
					                </div>
			                	</c:if>
			                	<c:if test="${pdv.downloadWayId == 3 }">
				                	<div class="pc">
					                  <a href="${pdv.downloadUrl}" class="btn"><i class="icon"></i><span>${pdv.downloadWayName}</span></a>
					                </div>
				                </c:if>
				                <c:if test="${pdv.downloadWayId == 4 }">
				                	<div class="pc">
					                  <a href="${pdv.downloadUrl}" class="btn" style="width:100px;background:#FE6262;border-color:#FE6262;margin-left:30px;"><i class="icon"></i><span>${pdv.downloadWayName}</span></a>
					                </div>
			                	</c:if>
			                </c:forEach>
		                </div>
                   </div>
                  </div>
                </div>
              </div>
              <!--------产品概述、详细参数、资料下载结束---------->
            </div>
            <!--右侧应用产品部分结束-->
      	</div>
    	<!---------------------------------右侧结束------------------------------------>
        <div class="cl"></div>
  	</div>
  	<!---------------------------------内容部分结束------------------------------------>
  	<!---------------------------------footer------------------------------------>
  	<jsp:include page="../common/footer.jsp"/>
  	<!---------------------------------footer结束------------------------------------>  
</div>
<jsp:include page="createtree.jsp"></jsp:include>
</body>
</html>
